<template>
  <div id="zhichi">
    <div class="zhong">
      <p>关于机知 > 软件下载</p>
      <div class="zhong-left">
        <ul>
          <li style="font-size:17px">
            <b>帮助与下载</b>
            </li>
          <li>软件下载</li>
          <li>投诉建议</li>
        </ul>
      </div>
      <div class="zhong-right">
        <div>
          <div class="zhong-right-box"> 
            <dl>
              <dt>
                <img src="http://www.jz5158.cn/static/images/%E8%BD%AF%E4%BB%B6%E4%B8%8B%E8%BD%BD%E5%9B%BE1.jpg" alt="">
              </dt>
              <dd>
                <a href="###">
                  <button>
                    了解详情
                  </button>
                  </a>
                <button>非凡下载</button>
              </dd>
            </dl>

            <dl>
              <dt>
                <img src="http://www.jz5158.cn/static/images/%E8%BD%AF%E4%BB%B6%E4%B8%8B%E8%BD%BD%E5%9B%BE1.jpg" alt="">
              </dt>
              <dd>
                <a href="###">
                  <button>
                    了解详情
                  </button>
                  </a>
                <button>非凡下载</button>
              </dd>
            </dl>
          </div>
        </div>
      </div>
    </div> 
     <div class="clear"></div> 
  </div>
</template>
<style>
*{
  margin:0;
  padding:0;
}
#zhichi{
    background-color: #f2f2f2;
    padding-bottom: 120px;    
}
.zhong{
  width: 80%;
  margin: 0 auto;
  padding-top: 50px;

}

.zhong-left{
  float: left;
  width: 17%;
}
.zhong-left ul{
  width: 100%;
  margin-top: 30px;
}

.zhong-right{
    float: right;
    width: 78%;
    background: white;
    margin-top: 10px;
}

.zhong-right-box{
  width: 90%;
  margin-left: 5%;
  margin-bottom: 50px;
}
.zhong-right-box dl {
  margin-left: 2%;
  width: 48%;
  float:left;
}
.zhong-right-box dl dt img {
  width:100%;
}
.zhong-right-box dl dd button {
  margin-top: 35px;
  width: 40%;
  height: 50px;
  color:#333;
  margin-right:20px;
}



</style>